<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./sass/list.css">
    <link rel="stylesheet" href="./sass/reste.css">
    <title>Document</title>
</head>
<body>
    <header>
        <a href="./index.html"><img class="logo" src="./images/logo.png" alt="大麦"></a>
        <div class="dw1">
            <img src="./images/dw.png" alt="">
            <span>北京</span>
            <img src="./images/xl.png" alt="">
            <div class="none">
                <div class="dang">当前城市: <span>北京</span> </div>
                <div class="dangs"> 热门城市:
                    <div class="dangsing">
                        <!-- <span class="name-city">全国</span>
                        <span class="name-city">北京</span>
                        <span class="name-city">上海</span>
                        <span class="name-city">深圳</span>
                        <span class="name-city">广州</span>
                        <span class="name-city">杭州</span>
                        <span class="name-city">天津</span>
                        <span class="name-city">重庆</span>
                        <span class="name-city">成都</span>
                        <span class="name-city">中国香港</span> -->
                    </div>
                </div>
                <div class="citys">其他城市:
                    <div class="cities" id="citiess">
                        <!-- <span class="name-city">全国</span>
                        <span class="name-city">北京</span>
                        <span class="name-city">上海</span>
                        <span class="name-city">深圳</span>
                        <span class="name-city">广州</span>
                        <span class="name-city">杭州</span>
                        <span class="name-city">天津</span>
                        <span class="name-city">重庆</span>
                        <span class="name-city">成都</span>
                        <span class="name-city">中国香港</span>
                        <span class="name-city">全国</span>
                        <span class="name-city">北京</span>
                        <span class="name-city">上海</span>
                        <span class="name-city">深圳</span>
                        <span class="name-city">广州</span>
                        <span class="name-city">杭州</span>
                        <span class="name-city">天津</span>
                        <span class="name-city">重庆</span>
                        <span class="name-city">成都</span>
                        <span class="name-city">中国香港</span> -->
                    </div>
                </div>
                
            </div>
        </div>
        <ul>
            <a href="./index.html"><li>首页</li></a>
            <a href="./list.html"><li>分类</li></a>
        </ul>
        <div class="rig">
            <a href="./login.html">
                <img src="./images/cosy.png" alt="">
                <span>登录</span>
            </a>
        </div>
        <div class="cen">
            <img src="./images/fdj.png" alt="">
            <input type="text" placeholder="搜索明星、演出、体育赛事">
            <div class="search" data-spm="dsearchbtn2">搜索</div>
            <ol>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
        
    </header>
    
    <div class="box-top">共计<span>41</span>个商品</div>

    <div class="box-list">
        <div class="box-lef">
            <div class="lef-top">
                <div class="focm">
                    <span class="focm-lef">城 市:</span>
                    <div class="rig-top">
                        <span class="city">当前选中城市</span>
                        <span class="diqu">北京</span>


                        <div class="content">
                            <span class="con-lef">全部</span>
                            <div class="content-city">
                                <!-- <span class="city-item">上海</span>
                                <span class="city-item">北京</span>
                                <span class="city-item">杭州</span>
                                <span class="city-item">天津</span>
                                <span class="city-item">苏州</span>
                                <span class="city-item">成都</span>
                                <span class="city-item">上海</span>
                                <span class="city-item">武汉</span>
                                <span class="city-item">深圳</span>
                                <span class="city-item">西安</span>
                                <span class="city-item">南京</span>
                                <span class="city-item">唐山</span>
                                
                                <span class="city-item">重庆</span>
                                <span class="city-item">长沙</span>
                                <span class="city-item">广州</span>
                                <span class="city-item">郑州</span>
                                <span class="city-item">沈阳</span>
                                <span class="city-item">大连</span>
                                <span class="city-item">青岛</span>
                                <span class="city-item">宁波</span>
                                <span class="city-item">厦门</span>
                                <span class="city-item">合肥</span> -->
                            </div>
                            <div class="city-more">更多</div>
                        </div>
                    </div>
                </div>

                <!-- 分类 -->
                <div class="content-title">
                    <span class="focm-lef">分 类:</span>
                    <div class="content-foctor">
                        <div class="content-main">
                            <span class="content-fs">全部</span>
                            <div class="content-jm">
                                <!-- <span class="content-item">音乐会</span>
                                <span class="content-item">话剧歌剧</span>
                                <span class="content-item">演唱会</span>
                                <span class="content-item">曲苑杂坛</span>
                                <span class="content-item">展览休闲</span>
                                <span class="content-item">舞蹈芭蕾</span>
                                <span class="content-item">体育</span>
                                <span class="content-item">其他</span>
                                <span class="content-item">儿童亲子</span>
                                <span class="content-item">旅游演艺</span>          -->
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 子类 -->
                <div class="List-content">
                    <span class="List-lef">子 类:</span>
                    <div class="list-rig">
                        <span class="list-musts">全部</span>
                        <div class="list-live">
                            <!-- <span class="list-musts">livehouse</span>
                            <span class="list-musts">其他</span>
                            <span class="list-musts">流行</span>
                            <span class="list-musts">音乐节</span> -->
                        </div>
                    </div>
                </div>

                <!-- 时间 -->
                <div class="time">
                    <span class="time-lef">时 间:</span>
                    <div class="time-rig">
                        <!-- time-content -->
                        <span class="time-conts">全部</span>
                        <div class="time-item">
                            <span class="time-conts">今天</span>
                            <span class="time-conts">明天</span>
                            <span class="time-conts">本周末</span>
                            <span class="time-conts">一个月内</span>

                        </div>
                    </div>
                </div>
            </div>

            <!-- 排序 -->
            <div class="sort">
                <span class="sort-list">相关度排行</span>
                <span class="sort-lists">推荐排序</span>
                <span class="sort-list">最近排序</span>
                <span class="sort-list">最近上架</span>
                <div class="pages">
                    <span class="lef">&lt</span>
                    <span class="lef-sort">1</span>
                    /
                    <span class="rig-sort">2</span>
                    <span class="rig">&gt</span>

                </div>

            <!-- 列表 -->
            <div class="itemlist">
               <!--  <div class="list-item">
                    <div class="list-lef">
                        <img src="./images/GIN.webp" alt="">
                        <span class="data">演唱会</span>
                    </div>
                    <div class="list-rig">
                        <div class="rig-top">
                            <span class="dingwei">北京</span>
                            <span class="passage">2021 WAGF 音乐节 Gin《Passage》 吉他音乐会</span>
                            <div class="list-dw">
                                <a href=""></a>
                                <span>北京 | 东方梅地亚中心M剧场</span>
                            </div>

                            <div class="list-dz">
                                <a href=""></a>
                                <span>2021.08.21 周六 20:00</span>
                            </div>
                        </div>
                        <div class="price">
                            <span class="price-lef">220-280
                                <i>元</i>
                            </span>
                            <span class="price-rig">售票中</span>

                        </div>
                    </div> -->
                </div>
                
    
                <!-- 分页 -->
                <div class="pagination">
                    
                    <div class="prev">&lt</div>
                        <ul>
                            <li>1</li>
                            <li>2</li>
                        </ul>
                    <div class="next">&gt</bdiv>
                    
                </div>
                
            </div>

            </div>
        </div>

        <!-- 您可能还喜欢 -->

        <div class="box-rig">
            <div class="title">
                您可能还喜欢
            </div>
            <div class="list">
                 <!-- <div class="list-item">
                    <div class="list-lef">
                        <img src="./images/tlj.webp" alt="">
                    </div>
                    <div class="list-rig">
                        <a href="">酒水畅饮之夜「赐我大名」｜谈丽君 & The Polygon 新专辑夏季巡游 北京站</a>
                        <div class="list-js">MAO Livehouse北京</div>
                        <div class="list-time">2021.07.01 周四 20:30</div>
                        <div class="price">
                            <strong>80.0元</strong>起
                        </div>
                    </div>
                </div>     -->
            </div>
        </div>
    </div>
    </div>
</div>


    <footer>
        <ul class="footer_links">
            
            <li class="footer_list"><a href="//help.damai.cn" target="_blank" data-spm="flink0">帮助中心</a></li>
            <li class="footer_grep">|</li>
            
            <li class="footer_list"><a href="//help.damai.cn/helpPage.htm?pageId=69&amp;categoryId=30" target="_blank" data-spm="flink1">公司介绍</a></li>
            <li class="footer_grep">|</li>
            
            <li class="footer_list"><a href="//help.damai.cn/helpPage.htm?pageId=70&amp;categoryId=30" target="_blank" data-spm="flink2">品牌识别</a></li>
            <li class="footer_grep">|</li>
            
            <li class="footer_list"><a href="//help.damai.cn/helpPage.htm?pageId=72&amp;categoryId=30" target="_blank" data-spm="flink3">公司大事记</a></li>
            <li class="footer_grep">|</li>
            
            <li class="footer_list"><a href="//help.damai.cn/helpPage.htm?pageId=40&amp;categoryId=14" target="_blank" data-spm="flink4">协议及隐私权政策</a></li>
            <li class="footer_grep">|</li>
            
            <li class="footer_list"><a href="//jubao.alibaba.com/internet/readme.htm?spm=a2o6e.search.0.0.72f44d15Votov6&amp;site=damai" target="_blank" data-spm="flink5">廉正举报</a></li>
            <li class="footer_grep">|</li>
            
            <li class="footer_list"><a href="//help.damai.cn/helpPage.htm?pageId=58&amp;categoryId=5" target="_blank" data-spm="flink6">联系合作</a></li>
            <li class="footer_grep">|</li>
            
            <li class="footer_list"><a href="//job.alibaba.com/zhaopin/positionList.htm?keyWord=JXU1OTI3JXU5RUE2&amp;_input_charset=UTF-8" target="_blank" data-spm="flink7">招聘信息</a></li>
            <li class="footer_grep">|</li>
            
            <li class="footer_list"><a href="//x.damai.cn/markets/special/fangzhapian?spm=a2o6e.home.0.0.75df48d3hqGWGD&amp;wh_ttid=pc" target="_blank" data-spm="flink8">防骗秘籍</a></li>
            
            
        </ul>

        <div class="footer_box">
            <div class="lef"><img src="./images/dm.png" alt=""></div>
            <div class="rig">
                <div class="top">
                    <a href="">在线客服</a>
                </div>

                <ul class="bobo">
                    <li class="footer_ft">京ICP证031057号</li>
                    <li class="footer_grep">|</li>
                    <li class="footer_ft">京ICP备11043884号</li>
                    <li class="footer_grep">|</li>
                    <li class="footer_ft">京公网安备11010502037341号</li>
                    <li class="footer_grep">|</li>
                    <li class="footer_ft">广播电视节目制作经营许可证(京)字第02253号</li>
                </ul>

                <ul class="bobo">
                    <li class="footer_ft">网络文化经营许可证 京网文[2019]4082-420号</li>
                    <li class="footer_grep">|</li>
                    <li class="footer_ft">营业性演出许可证京市演587号</li>
                
                </ul>

                <div class="bobo">
                    <span class="bt">北京大麦文化传媒发展有限公司 版权所有</span>
                    <span class="th">大麦网</span>
                    <span class="bs">Copyright 2003-2020 All Rights Reserved</span>
                </div>

                <ul class="bobo">
                    <li class="footer_ft">举报投诉：damai_tousu@member.alibaba.com   浙江省杭州市余杭区文一西路969号</li>
                </ul>

                <ul class="bobo">
                    <li class="footer_ft">违法不良信息举报电话：020-62108294</li>
                </ul>

                <div class="bot"> 
                    <img class="lef" src="./images/zz.png" alt="">
                    <img class="cen"  src="./images/pci.png" alt="">
                    <img class="rig"  src="./images/cx.png" alt="">
                </div>
            </div>
        </div>
    </footer>

    <script src="./vendor/jquery/jquery.min.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/list.js"></script>
</body>
</html>